*{
	margin:0px;
	padding:0px;
}
body{
	padding-bottom:5rem;
}
.bnav{
	width:100%;
	height:1.5rem;
	border-top:1px solid #ccc;
	position:fixed;
	left:0px;
	bottom:0px;
	background:white;
}
.bnav>div{
	float:left;
	width:25%;
	text-align:center;
	padding-top:.8rem;
	background:url(../../images/zhangzheng/index.png) no-repeat center 0.14rem;
	background-size:25%;
	
	background:url(../../images/zhangzheng/index.png) no-repeat center .2rem;
background-size:25%;
}
.bnav a{
	color:#666;
}
.bnav>div:nth-of-type(1){
	background-image:url(../../sunimg/index_.png);
background-size:25%;
}
.bnav>div.active:nth-of-type(1){
	background-image:url(../../sunimg/index.png);
background-size:25%;
}
.bnav>div:nth-of-type(2){
	background-image:url(../../sunimg/class_.png);
background-size:25%;
}
.bnav>div.active:nth-of-type(2){
	background-image:url(../../sunimg/class.png);
background-size:25%;
}
.bnav>div:nth-of-type(3){
	background-image:url(../../sunimg/course_.png);
background-size:25%;
}
.bnav>div.active:nth-of-type(3){
	background-image:url(../../sunimg/course.png);
background-size:25%;
}
.bnav>div:nth-of-type(4){
	background-image:url(../../sunimg/my_.png);
background-size:25%;   

}
.bnav>div.active:nth-of-type(4){
	background-image:url(../../sunimg/my.png);
background-size:25%;
}